
.justify-content-center {
    display: flex;
    justify-content: center;
}

.justify-content-start {
    display: flex;
    justify-content: flex-start;
}

.justify-content-end {
    display: flex;
    justify-content: flex-end;
}

.justify-content-between {
    display: flex;
    justify-content: space-between;
}

.justify-content-around {
    display: flex;
    justify-content: space-around;
}

.align-items-start {
    display: flex;
    align-items: flex-start;
}

.align-items-center {
    display: flex;
    align-items: center;
}

.flex-direction-column-reverse {
    display: flex;
    flex-direction: column-reverse;
}

.flex-direction-row-reverse {
    display: flex;
    flex-direction: row-reverse;
}

.flex-wrap-wrap {
    display: flex;
    flex-wrap: wrap;
}

.many-over-two {
    width: 200px;
    /*height: 50px;*/
    border: 1px solid red;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.many-over-three {
    width: 200px;
    /*height: 60px;*/
    /*border: 1px solid red;*/
    -webkit-line-clamp: 3;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.single-over {
    /*单行溢出*/
    /*    超过后用...表示*/
    text-overflow: ellipsis;
    /*不换行*/
    white-space: nowrap;
    /*超过隐藏*/
    overflow: hidden;
}


.read-more{
    color: red;
    text-decoration: underline;
}